<template>
  <swiper class="carousel" circular autoplay interval="3000">
    <swiper-item v-for="(item, idx) in banners" :key="idx">
      <image :src="item" class="carousel-img" mode="aspectFill" />
    </swiper-item>
  </swiper>
</template>

<script>
export default {
  props: {
    banners: {
      type: Array,
      default: () => []
    }
  }
}
</script>

<style scoped>
.carousel { width: 100%; height: 160px; margin: 10px 0; }
.carousel-img { width: 100%; height: 160px; border-radius: 8px; }
</style>
